<!DOCTYPE html>
<html>
<head>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="res/push.js"></script>
	<script type="text/javascript">
		if (/Android|webOS|iPhone|iPod|iPad|Windows Phone|BlackBerry|Mobile/i
				.test(navigator.userAgent)) {
			var url = window.location.pathname + window.location.search;
			window.location.href = 'https://m.sq688.com' + url;
		}
	</script>
	<link rel="shortcut icon" type="image/ico" href="https://www.sq688.com/favicon.ico">
	<meta name="applicable-device" content="pc">
	<meta name="mobile-agent" content="format=html5;url=https://m.sq688.com/share.html">
	<link rel="alternate" media="only screen and(max-width: 800px)" href="https://m.sq688.com/share.html">
	<title>无损分享_无损音乐下载_FLAC_APE_WAV_SQ688_超高无损音乐</title>
	<meta name="keywords" content="SQ688,无损音乐免费下载,无损音乐交流,超高无损音乐,WAV,FLAC,APE,DSD">
	<meta name="description" content="超高无损音乐网SQ688.Com收录大量无损音乐免费下载,提供华语男歌手,华语女歌手,华语乐队,专辑合集,欧美歌手等FLAC,WAV,DSD,APE格式无损音乐免费下载">
	<link rel="stylesheet" type="text/css" href="res/main.css">
	<link rel="stylesheet" type="text/css" href="res/font-awesome.css">
</head>
<body>
<div id="header" class="header">
	<div class="warp">
		<div class="logo">
			<h1>超高无损音乐</h1>
			<p>SQ688.com</p>
		</div>

		<div class="users">
			<a href="https://www.sq688.com/login"><i class="fa fa-sign-in"></i> 登录</a> / <a href="https://www.sq688.com/register"><i class="fa fa-registered"></i> 注册</a>
		</div>
		<div class="clear"></div>
	</div>
	<div class="search-bar">
		<div class="bar">
			<div class="wrp">
				<input v-model="info" type="text" id="keyword" placeholder="请输入歌曲名称或者歌手" class="kk">
				<a :href="'Search.html?info='+info" id="btn_search" class="bb">
					<i class="fa fa-search"></i></a>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	var v=new Vue({
		el:".header",
		data:{
			info:"",
		}
	});

</script>


</div>
<div class="detail">
	<div class="swarp">
		<div class="slt">
			<div class="head" style="margin-top: 20px">
				<i class="leline"></i>热门资源
			</div>
			<ul class="songhot">
				<li class="pingcap" v-for="s in listrmzy">
					<a :href="'share_item.html?name='+s.name+'#'+s.singers">
						{{s.singers}} -《{{s.name}}》
					</a>
				</li>

			</ul>
			<!--排行-->
			<div class="head" style="margin-top: 20px">
				<i class="leline"></i>分享排行
			</div>
			<ul class="share-rank">
				<li v-for="(m,i) in listph"><span class="rank top">{{i+1}}</span>
					<img :src="m.head"> <span class="nickname">{{m.name}}</span>
					<span class="total">{{m.cnt}}</span>
				</li>

			</ul>
			<div class="clear"></div>
		</div>


		<!--right-->
		<div class="shares">
			<div class="items" v-for="s in list">
				<div class="i-info">
					<a :href="'share_item.html?name='+s.name+'#'+s.singers">
						<h1>[{{s.type}}/{{s.src_type}}/{{s.format}}]{{s.singers}} -《{{s.name}}》</h1>
						<p class="i-date">
							<i class="fa fa-calculator"></i> {{s.create_time}} <span class="love"><i class="fa fa-heart"></i> {{s.heat}}</span>
						</p>
					</a>
				</div>
				<div class="i-user">
					<div class="i-avt">
						<img :src="s.head">
					</div>
					<div class="i-name">
						<h2>{{s.member}}</h2>
						<p>
							<span>标品</span>
						</p>
						<p>
							<i class="fa fa-diamond"></i> {{s.cnt}}
						</p>
					</div>
					<div class="clear"></div>
				</div>
			</div>

		</div>
		<div class="ipage">
			<div class="pagewarp">
				<a href="javascript:;">上页</a>
				<a :href=" 'share.html?page='+ (i+1)" class="active"
				   v-for="(s,i) in page"
				   :style="{ border:(i+1)== ipage?'3px solid #000':''}">{{i+1}}</a>
				<a href="https://www.sq688.com/share/2.html">下页</a>
			</div>
		</div>

		<div class="clear"></div>
	</div>
</div>

<script type="text/javascript">
	var v=new Vue({
		el:".detail",
		data:{
			list:[],
			listph:[],
			page:1,
			ipage:1,
			listrmzy:[]
		},
		created(){
			var search = location.search; // ?page=1;
			// repalce  split
			var items = search.split(new RegExp("="));
			var page= items[1];
			this.ipage=parseInt(page);
			axios.post("xuanran.s?op=querysharedetails&page="+this.ipage).then(res=>{
				this.list=res.data;
			});
			axios.post("xuanran.s?op=queryshareph").then(res=>{
				this.listph=res.data;
			});
			axios.get("xuanran.s?op=queryall").then(res=>{
				this.page=parseInt(res.data/15);
				if(res.data % 15> 0){
					this.page++;
				}
			});
			axios.post("xuanran.s?op=queryrmzy").then(res=>{
				this.listrmzy=res.data;
			});
		}
	});

</script>
<div class="footer">
	<div class="warp">
		Copyright 2015-2018 SQ688.com 超高无损音乐<br>本站所有数据均系网友搜集自互联网后分享,本站服务器不存储任何音乐文件,也无意侵犯您的版权,如若任何人声称是任何音乐的版权所有人,请联系sqshangwu@gmail.com,本站会尽快删除,<br>郑重声明本站旨在无损音乐交流分享,不与任何淘宝店铺或机构合作参与任何形式的获利行为,敬请网友注意谨防受骗! <br> 桂ICP备13001859号-4
		<script type="text/javascript" src="res/z_stat.php"></script>
		<script src="res/core.php" charset="utf-8" type="text/javascript"></script>
		<a href="https://www.cnzz.com/stat/website.php?web_id=1277751974" target="_blank" title="站长统计">站长统计</a> <br> 本站唯一QQ群(892306409)欢迎各大音乐爱好者加入 <a target="_blank" href="https://shang.qq.com/wpa/qunwpa?idkey=40edf9935a8deb7a8eeb6e93853111156fb280203fb799c7d11471aea22304fb"> <img border="0" src="res/group.png" alt="超高无损音乐|SQ688" title="超高无损音乐|SQ688"></a>
	</div>
</div>

<!--页面脚本-->
<script type="text/javascript" src="res/vue.min.js"></script>
<script type="text/javascript" src="res/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="res/clipboard.js"></script>
</body>
</html>